<!DOCTYPE html>
<html lang="en">
<head>
    <{include file="common/header.html"}>
</head>
<body>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
    </div>
    <section>
        <{include file="common/leftpanel.html"}>
        <!-- leftpanel -->
        <div class="mainpanel">
            <{include file="common/headerbar.html"}>
            <!-- headerbar -->
            <div class="pageheader">
                <h2><i class="fa fa-envelope"></i>首页<span>邮件</span><span>邮件列表</span></h2>
                <div class="breadcrumb-wrapper">
                    <span class="label">在这里</span>
                    <ol class="breadcrumb">
                        <li><a href="https://www.adlinkx.com">返回</a></li>
                        <li class="active">首页</li>
                    </ol>
                </div>
            </div>
            <div class="contentpanel panel-email">
                <div class="row">
                    <div class="col-sm-3 col-lg-2">
                        <a href="/mail/compose" class="btn btn-danger btn-block btn-compose-email">写邮件</a>
                        <ul class="nav nav-pills nav-stacked nav-email">
                            <li class="active">
                                <a href="email.html">
                                    <span class="badge pull-right">2</span>
                                    <i class="glyphicon glyphicon-inbox"></i>收件箱
                                </a>
                            </li>
                            <li><a href="#"><i class="glyphicon glyphicon-star"></i>置顶邮件</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-send"></i>已发送的</a></li>
                            <li>
                                <a href="#">
                                    <span class="badge pull-right">3</span>
                                    <i class="glyphicon glyphicon-pencil"></i>草稿箱
                                </a>
                            </li>
                            <li><a href="#"><i class="glyphicon glyphicon-trash"></i>回收站</a></li>
                        </ul>
                        <div class="mb30"></div>
                        <h5 class="subtitle">文件夹</h5>
                        <ul class="nav nav-pills nav-stacked nav-email mb20">
                            <li>
                                <a href="email.html">
                                    <span class="badge pull-right">2</span>
                                    <i class="glyphicon glyphicon-folder-open"></i>会议邮箱
                                </a>
                            </li>
                            <li><a href="#"><i class="glyphicon glyphicon-folder-open"></i>通讯录</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-folder-open"></i>邀请函</a></li>
                            <li>
                                <a href="#">
                                    <i class="glyphicon glyphicon-folder-open"></i>促销邮件
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- col-sm-3 -->
                    <div class="col-sm-9 col-lg-10">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="pull-right">
                                    <div class="btn-group mr10">
                                        <button class="btn btn-sm btn-white tooltips" type="button" data-toggle="tooltip" title="Archive"><i class="glyphicon glyphicon-hdd"></i></button>
                                        <button class="btn btn-sm btn-white tooltips" type="button" data-toggle="tooltip" title="Report Spam"><i class="glyphicon glyphicon-exclamation-sign"></i></button>
                                        <button class="btn btn-sm btn-white tooltips" type="button" data-toggle="tooltip" title="Delete"><i class="glyphicon glyphicon-trash"></i></button>
                                    </div>
                                    <div class="btn-group mr10">
                                        <div class="btn-group nomargin">
                                            <button data-toggle="dropdown" class="btn btn-sm btn-white dropdown-toggle tooltips" type="button" title="Move to Folder">
                                                <i class="glyphicon glyphicon-folder-close mr5"></i>
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li><a href="#"><i class="glyphicon glyphicon-folder-open mr5"></i> Conference</a></li>
                                                <li><a href="#"><i class="glyphicon glyphicon-folder-open mr5"></i> Newsletter</a></li>
                                                <li><a href="#"><i class="glyphicon glyphicon-folder-open mr5"></i> Invitations</a></li>
                                                <li><a href="#"><i class="glyphicon glyphicon-folder-open mr5"></i> Promotions</a></li>
                                            </ul>
                                        </div>
                                        <div class="btn-group nomargin">
                                            <button data-toggle="dropdown" class="btn btn-sm btn-white dropdown-toggle tooltips" type="button" title="Label">
                                                <i class="glyphicon glyphicon-tag mr5"></i>
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li><a href="#"><i class="glyphicon glyphicon-tag mr5"></i> Web</a></li>
                                                <li><a href="#"><i class="glyphicon glyphicon-tag mr5"></i> Photo</a></li>
                                                <li><a href="#"><i class="glyphicon glyphicon-tag mr5"></i> Video</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn btn-sm btn-white" type="button"><i class="glyphicon glyphicon-chevron-left"></i></button>
                                        <button class="btn btn-sm btn-white" type="button"><i class="glyphicon glyphicon-chevron-right"></i></button>
                                    </div>
                                </div>
                                <!-- pull-right -->
                                <h5 class="subtitle mb5">Inbox</h5>
                                <p class="text-muted">Showing 1 - 15 of 230 messages</p>
                                <div class="table-responsive">
                                    <table class="table table-email">
                                        <tbody>
                                            <tr class="unread">
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox1">
                                                        <label for="checkbox1"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Today at 7:30am</span>
                                                            <h4 class="text-primary">Zaham Sindilmaca</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>UI Status</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr class="unread">
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox2">
                                                        <label for="checkbox2"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Yesterday at 1:30am</span>
                                                            <h4 class="text-primary">Nusja Nawancali</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Meeting Reminder</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox3">
                                                        <label for="checkbox3"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user1.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Weno Carasbong</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>User Interface Conference</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox4">
                                                        <label for="checkbox4"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 12 at 5:30am</span>
                                                            <h4 class="text-primary">Venro Leonga</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Mobile Banking Transaction</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox5">
                                                        <label for="checkbox5"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 12 at 5:30am</span>
                                                            <h4 class="text-primary">Yanda Cerona</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Last Chance For Insurance</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox6">
                                                        <label for="checkbox6"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Zaham Sindilmaca</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>UI Status</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox7">
                                                        <label for="checkbox7"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Nusja Nawancali</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Meeting Reminder</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox8">
                                                        <label for="checkbox8"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user1.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Weno Carasbong</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>User Interface Conference</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox9">
                                                        <label for="checkbox9"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 12 at 5:30am</span>
                                                            <h4 class="text-primary">Venro Leonga</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Mobile Banking Transaction</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox10">
                                                        <label for="checkbox10"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 12 at 5:30am</span>
                                                            <h4 class="text-primary">Yanda Cerona</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Last Chance For Insurance</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox11">
                                                        <label for="checkbox11"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Zaham Sindilmaca</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>UI Status</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox12">
                                                        <label for="checkbox12"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Nusja Nawancali</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Meeting Reminder</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox13">
                                                        <label for="checkbox13"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user1.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 13 at 7:30am</span>
                                                            <h4 class="text-primary">Weno Carasbong</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>User Interface Conference</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox14">
                                                        <label for="checkbox14"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 12 at 5:30am</span>
                                                            <h4 class="text-primary">Venro Leonga</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Mobile Banking Transaction</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="checkbox15">
                                                        <label for="checkbox15"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="" class="star"><i class="glyphicon glyphicon-star"></i></a>
                                                </td>
                                                <td>
                                                    <div class="media">
                                                        <a href="#" class="pull-left">
                                                            <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                                        </a>
                                                        <div class="media-body">
                                                            <span class="media-meta pull-right">Jan 12 at 5:30am</span>
                                                            <h4 class="text-primary">Yanda Cerona</h4>
                                                            <small class="text-muted"></small>
                                                            <p class="email-summary"><strong>Last Chance For Insurance</strong> Ut enim ad minim veniam, quis nostrud exercitation... </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <!-- table-responsive -->
                            </div>
                            <!-- panel-body -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-9 -->
                </div>
                <!-- row -->
            </div>
            <{include file="common/footerbar.html"}>
        </div>
        <!-- mainpanel -->
        <div class="rightpanel">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs nav-justified">
                <li class="active"><a href="#rp-alluser" data-toggle="tab"><i class="fa fa-users"></i></a></li>
                <li><a href="#rp-favorites" data-toggle="tab"><i class="fa fa-heart"></i></a></li>
                <li><a href="#rp-history" data-toggle="tab"><i class="fa fa-clock-o"></i></a></li>
                <li><a href="#rp-settings" data-toggle="tab"><i class="fa fa-gear"></i></a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="rp-alluser">
                    <h5 class="sidebartitle">Online Users</h5>
                    <ul class="chatuserlist">
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/userprofile.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Eileen Sideways</strong>
                                    <small>Los Angeles, CA</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user1.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <span class="pull-right badge badge-danger">2</span>
                                    <strong>Zaham Sindilmaca</strong>
                                    <small>San Francisco, CA</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong>
                                    <small>Bangkok, Thailand</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Renov Leongal</strong>
                                    <small>Cebu City, Philippines</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Weno Carasbong</strong>
                                    <small>Tokyo, Japan</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                    </ul>
                    <div class="mb30"></div>
                    <h5 class="sidebartitle">Offline Users</h5>
                    <ul class="chatuserlist">
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Eileen Sideways</strong>
                                    <small>Los Angeles, CA</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Zaham Sindilmaca</strong>
                                    <small>San Francisco, CA</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong>
                                    <small>Bangkok, Thailand</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Renov Leongal</strong>
                                    <small>Cebu City, Philippines</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Weno Carasbong</strong>
                                    <small>Tokyo, Japan</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Renov Leongal</strong>
                                    <small>Cebu City, Philippines</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Weno Carasbong</strong>
                                    <small>Tokyo, Japan</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                    </ul>
                </div>
                <div class="tab-pane" id="rp-favorites">
                    <h5 class="sidebartitle">Favorites</h5>
                    <ul class="chatuserlist">
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Eileen Sideways</strong>
                                    <small>Los Angeles, CA</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user1.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Zaham Sindilmaca</strong>
                                    <small>San Francisco, CA</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong>
                                    <small>Bangkok, Thailand</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Renov Leongal</strong>
                                    <small>Cebu City, Philippines</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user5.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Weno Carasbong</strong>
                                    <small>Tokyo, Japan</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                    </ul>
                </div>
                <div class="tab-pane" id="rp-history">
                    <h5 class="sidebartitle">History</h5>
                    <ul class="chatuserlist">
                        <li class="online">
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user4.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Eileen Sideways</strong>
                                    <small>Hi hello, ctc?... would you mind if I go to your...</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user2.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Zaham Sindilmaca</strong>
                                    <small>This is to inform you that your product that we...</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                        <li>
                            <div class="media">
                                <a href="#" class="pull-left media-thumb">
                                    <img alt="" src="/resources/images/photos/user3.png" class="media-object">
                                </a>
                                <div class="media-body">
                                    <strong>Nusja Nawancali</strong>
                                    <small>Are you willing to have a long term relat...</small>
                                </div>
                            </div>
                            <!-- media -->
                        </li>
                    </ul>
                </div>
                <div class="tab-pane pane-settings" id="rp-settings">
                    <h5 class="sidebartitle mb20">Settings</h5>
                    <div class="form-group">
                        <label class="col-xs-8 control-label">Show Offline Users</label>
                        <div class="col-xs-4 control-label">
                            <div class="toggle toggle-success"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-8 control-label">Enable History</label>
                        <div class="col-xs-4 control-label">
                            <div class="toggle toggle-success"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-8 control-label">Show Full Name</label>
                        <div class="col-xs-4 control-label">
                            <div class="toggle-chat1 toggle-success"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-8 control-label">Show Location</label>
                        <div class="col-xs-4 control-label">
                            <div class="toggle toggle-success"></div>
                        </div>
                    </div>
                </div>
                <!-- tab-pane -->
            </div>
            <!-- tab-content -->
        </div>
        <!-- rightpanel -->
    </section>
    <script src="/resources/js/libarays/jquery-1.11.1.min.js"></script>
    <script src="/resources/js/libarays/jquery-migrate-1.2.1.min.js"></script>
    <script src="/resources/js/libarays/bootstrap.min.js"></script>
    <script src="/resources/js/libarays/modernizr.min.js"></script>
    <script src="/resources/js/libarays/jquery.sparkline.min.js"></script>
    <script src="/resources/js/libarays/toggles.min.js"></script>
    <script src="/resources/js/libarays/retina.min.js"></script>
    <script src="/resources/js/libarays/jquery.cookies.js"></script>
    <script src="/resources/js/libarays/custom.js"></script>
    <script>
    jQuery(document).ready(function() {

        "use strict"

        //Check
        jQuery('.ckbox input').click(function() {
            var t = jQuery(this);
            if (t.is(':checked')) {
                t.closest('tr').addClass('selected');
            } else {
                t.closest('tr').removeClass('selected');
            }
        });

        // Star
        jQuery('.star').click(function() {
            if (!jQuery(this).hasClass('star-checked')) {
                jQuery(this).addClass('star-checked');
            } else
                jQuery(this).removeClass('star-checked');
            return false;
        });

        // Read mail
        jQuery('.table-email .media').click(function() {
            location.href = ADEASE.domain + '/mail/read';
        });

    });
    </script>
</body>

</html>
